import Vue from "vue";

import "normalize.css/normalize.css"; // A modern alternative to CSS resets

import ElementUI from "element-ui";
import "element-ui/lib/theme-chalk/index.css";
import locale from "element-ui/lib/locale/lang/zh-CN"; // 引入中文语言包

import "@/styles/index.scss"; // global css

import App from "./App";
import store from "./store";
import router from "./router/index";

import "@/icons"; // icon
import "@/permission"; // permission control

/**
 * If you don't want to use mock-server
 * you want to use MockJs for mock api
 * you can execute: mockXHR()
 *
 * Currently MockJs will be used in the production environment,
 * please remove it before going online ! ! !
 */
if (process.env.NODE_ENV === "production") {
  const { mockXHR } = require("../mock");
  mockXHR();
}

Vue.use(ElementUI, { locale });



Vue.config.productionTip = false;

import VueCompositionAPI from "@vue/composition-api";
Vue.use(VueCompositionAPI);

// 1. 引入 vue-echarts 和 echarts
import ECharts from "vue-echarts";
import { use } from "echarts/core";

import { CanvasRenderer } from "echarts/renderers";
import { BarChart, PieChart, LineChart } from "echarts/charts";
import {
  GridComponent,
  TooltipComponent,
  LegendComponent,
  TitleComponent,
} from "echarts/components";

// 3. 注册渲染器和组件
use([
  CanvasRenderer,
  BarChart,
  PieChart,
  LineChart,
  GridComponent,
  TooltipComponent,
  LegendComponent,
  TitleComponent,
]);

// 4. 全局注册 v-chart
Vue.component("v-chart", ECharts);

new Vue({
  el: "#app",
  router,
  store,
  render: (h) => h(App),
});
